做一个移动的<div> 要怎么做

来源:百度知道 编辑:UC知道 时间:2024/06/23 02:28:31
要怎么做一个移动的<div>

var xx=100;
var yy=100
function move(Okgo)
{
xx=xx-5;
yy=yy+5
document.getElementById(Okgo).style.left=xx;
document.getElementById(Okgo).style.top=yy;
setTimeout("move(Okgo)",800);
}

</script>
</head>
<body style="background-image: url(App_Themes/ASPNETAjaxWeb/Images/flowbak.gif)">
<form id="form1" runat="server" >
<div id="Layer1" style="position:absolute;left:14px;top:44px;width:150px;height:102px;z-index:1" >
<script type="text/javascript">
move(Layer1);
</script>

<img src="App_Themes/ASPNETAjaxWeb/Images/petal.gif" width="150" height="100">

</div>
我的代码 实现不了 哪位高手高手我怎么做 或者帮我纠正错误
头上有个 <script language="javascript" type="text/javascript"&

写法有误!其中兼不兼容就不管你了.
var xx=100;
var yy=100;
function move(Okgo)
{
xx=xx-5;
yy=yy+5;
document.getElementById(Okgo).style.left=xx;
document.getElementById(Okgo).style.top=yy;
setTimeout("move('Layer1')",800);
}

</script>
</head>
<body>
<div id="Layer1" style="position:absolute;left:14px;top:44px;width:150px;height:102px;z-index:1" >
<script type="text/javascript">
move("Layer1");
</script>
<img src="App_Themes/ASPNETAjaxWeb/Images/petal.gif" width="150" height="100">
</div>

移动需要算法的,每秒钟-10个像素这种